home *** CD-ROM | disk | FTP | other *** search
/ Stackridge - CD Romp / Stackridge: CD Romp.iso / docs / style.css < prev    next >
Cascading Style Sheet File  |  2002-02-27  |  2KB  |  141 lines
  1. /*
  2.  * Stylesheet for Stackridge CDROM
  3.  * (c) Gerard O'Farrell July 2001
  4.  * Pedantically tweaked by Steve Fairhead February 2002
  5.  * and even more pedantically by Gerard O'Farrell February 2002
  6.  */
  7.  
  8. /* Basics: */
  9. body {
  10.     margin-left: 5%;
  11.     margin-right: 5%;
  12.     color: black;
  13.     background-color: rgb( 253,255,215 );    /* cream */
  14.     font-family: Arial, sans-serif;
  15. }
  16. h1,h2,h3,h4,h5,h6,p,ul,ol,caption,table,th,tr,td {
  17.     font-family: Arial, sans-serif;        /* browser bug workaround */
  18. }
  19. ul,ol {
  20.     margin-bottom: 1em;
  21. }
  22. li.spaced {
  23.     margin-bottom: 1em;
  24. }
  25. li {
  26.     list-style: disc;
  27. }
  28. em {
  29.     font-weight: bold;
  30.     font-style: normal;
  31. }
  32. pre {
  33.     font-family: monospace;        /* browser bug workaround */
  34. }
  35.  
  36. /* Links: */
  37. a:link {
  38.     color: gray;
  39.     background-color: rgb( 253,255,215 );    /* cream */
  40.     text-decoration: none;
  41. }
  42. a:visited {
  43.     color: #800080;
  44.     background-color: rgb( 253,255,215 );    /* cream */
  45.     text-decoration: none;
  46. }
  47. a:active {
  48.     color: orange;
  49.     background-color: rgb( 253,255,215 );    /* cream */
  50.     text-decoration: none;
  51. }
  52. a:hover {
  53.     color: red;
  54.     background-color: rgb( 253,255,215 );    /* cream */
  55.     text-decoration: underline;
  56. }
  57.  
  58. /* Headings: */
  59. h1,h2,h3,h4,h5 {
  60.     color: black;
  61.     background-color: #FFFDE5;        /* cream */
  62. }
  63. h1 {
  64.     margin-left: 0%;
  65.     text-align: left;
  66.     color: orange;
  67.     font-size: 250%;
  68.     font-weight: bold;
  69. }
  70. h2 {
  71.     margin-left: 0%;
  72.     text-align: left;
  73.     color: orange;
  74.     font-size: 150%;
  75.     font-weight: bold;
  76. }
  77. h3 {
  78.     margin-left: 0%;
  79.     text-align: left;
  80.     color: black;
  81.     font-size: 80%;
  82. }
  83. h4 {
  84.     margin-left: 0%;
  85.     text-align: right;
  86.     color: black;
  87.     font-size: 70%;
  88. }
  89. h5 {
  90.     margin-left: 0%;
  91.     text-align: left;
  92.     color: black;
  93.     font-size: 100%;
  94. }
  95.  
  96. /* Generic classes: */
  97. .centred {
  98.     text-align: center;
  99.     vertical-align: middle;
  100. }
  101.  
  102. /* Tables: general: */
  103. table.info1 {
  104.     width: 600 pixels;
  105.     align: center;
  106.     text-align: left;
  107.     vertical-align: top;
  108.         border: thin solid white;
  109.     margin-bottom: 1em;
  110. }
  111. table.info2 {
  112.     text-align: left;
  113.     vertical-align: top;
  114.     border: thin solid orange;
  115. }
  116. td.index-option {
  117.     text-align: left;
  118.     vertical-align: top;
  119.     color: gray;
  120.     font-size: 150%;
  121.     font-weight: bold;
  122. }
  123. td.index-option2 {
  124.     text-align: left;
  125.     vertical-align: top;
  126.     color: gray;
  127.     font-size: 120%;
  128.     font-weight: bold;
  129. }
  130.  
  131. td.half-left {
  132.     width: 100%;
  133.     text-align: left;
  134.     vertical-align: top;
  135. }
  136. td.half-right {
  137.     width: 100%;
  138.     text-align: right;
  139.     vertical-align: top;
  140. }
  141.